<!--图文4个列表---->

	<div class="head listimg-{:input('tags')}">
		<div class="tag"><i class="si si-fire"></i> <span>热门推荐</span></div>
		<div class="tab">拎包就走，轻松出游</div>
		<div class="more"><a href="/">更多推荐  <i class="fa fa-angle-double-right"></i></a></div>
	</div>
	<!---图片展示样式1---->
	<link rel="stylesheet" href="__STATIC__/css/showpictype1.css">
	<div class="ShowPicType1">
		<div class="listpicBox">
{qb:tag name="pc_index_pic001" rows="4" type="cms" conf="index_style/default/index/index_pc/list_img.php"}

{if $i==1 && $_cfg}
<script>
$(".listimg-{:input('tags')} .tag span").html("{$_cfg.main_title}");
$(".listimg-{:input('tags')} .tag").css("color","{$_cfg.main_color}");
$(".listimg-{:input('tags')} .tab").html("{$_cfg.small_title}");
$(".listimg-{:input('tags')} .tag i").attr("class","{$_cfg.main_icon}");
$(".listimg-{:input('tags')} .more a").attr("href","{$_cfg.url}");
</script>
{/if}
			{if $i<5}
			<ul class='ul{$i}'>
				<ol><a href="{$rs.url}"><img src="{$rs.picurl}"></a></ol>
				<li>
					<div class="title"><a href="{$rs.url}">{$rs.title}</a></div>
					<div class="price">{$rs.view} <span>关注度</span></div>
				</li>
			</ul>
			{/if}
{/qb:tag}
		</div>
	<script>
		$('.listpicBox img').hover(
			function(){$(this).animate({"width":"150%"},300);},
			function(){$(this).animate({"width":"100%"},300);}
		);
	</script>
	</div>

<div style="display:none;" class="taglabel">目的是不给用户复制当前碎片</div>